import React,{useEffect} from 'react'
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
import './NewsSandBox.css'
import NewsRouter from '../../components/sandbox/NewsRouter'
import { Layout } from 'antd';
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
const { Content } = Layout;
export default function NewsSandBox() {
    // 进度条开始
    NProgress.start();
    // 进度条结束
    useEffect(() => {
        NProgress.done()
    })
    return (
        <Layout>
            {/* 侧边栏 */}
            <SideMenu></SideMenu>
            <Layout>
                {/* 头部区域 */}
                <TopHeader></TopHeader>
                <Content
                    className="site-layout-background"
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        overflow: "auto"
                    }}>
                        <NewsRouter></NewsRouter>
                </Content>
            </Layout>
        </Layout>
    )
}
